<html>
<head>
<meta charset="UTF-8">
	<title>大学社团</title>
<link rel="stylesheet" href="css/orman.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" /> 
 <script type="text/javascript">
//var x = window.innerHeight;
//alert(x+","+window.innerWideh)
function creatwindow()
{
    window.open("reg.html","mywindow","menuber=no,height=200.width=300");
}

function setTime(){
var dt=new Date();
timer.innerHTML=(dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds());
// document.write(dt.getFullYear()+"年"+(dt.getMonth()+1)+"月"+(dt.getDate()+"日");
	// document.write(dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds());
}
	setTime();
</script>
	
	<style type="text/css">
	 body { margin:0px;}
        #header { height:35px; position:relative;
                  background: transparent url(images/header_bkg.png) repeat-x scroll top center;}
        #nav { margin:0px; padding:0px; position:absolute; top: 0px; display:block;}
        #nav > li { list-style-type:none; float:left; display:block; margin:0px 10px; 
                    position:relative; padding:10px; }
        #nav > li:hover ul { display:block; }
        #nav > li:hover { background-color:#808080; -moz-border-radius:10px; -webkit-border-radius:10px; }
        
        #nav li ul { margin:0px; padding:0px; display:none;}
        #nav li ul li { list-style-type:none; margin:10px 0 0 0;}
        #nav li ul li a { display:block; padding:5px 5px; color:#1CF0FB; text-decoration:none;}
        #nav li ul li:hover a { background-color:#606060; -moz-border-radius:5px; -webkit-border-radius:5px;}
        #nav li span { text-decoration:underline;color: gray;font-size: 20px; vertical-align: top;}
        #nav li img{width: 25px;height: 25px;
        }
        .right{float: right; font-family:"萌妹爱仓鼠智能机中文字体";font-size: 25px; margin-right: 230px;margin-top: 6px;width: 20px;}
       

   /*     <--head end-->*/

a:link, a:visited { color: #2088CA;font-weight: 700;
    margin: 0 0 15px;
 text-decoration: none }
a:visited { text-decoration:none }
a:hover { text-decoration:none }
a:hover,a:active { outline:none }
img { border: none; }
#templatemo_wrapper_h { width: 100%; background: url(images/templatemo_headerrepeat.jpg) repeat-x top }
#templatemo_header{
	width: 100%;
     
	position:relative;
}
.header_home { height: 620px }
.header_subpage { height: 260px }
#site_title { padding: 20px 0; position: relative;color: #2088CA;font-size: 40px; margin-left: 20px; }
.site_repeat {position:absolute; top:10px; left:500px; cursor:default;}
/*     <--head2-->*/
.navbar-head {height:50px; position:relative;
                  background:  #2088CA repeat-x scroll top center;}
       #navbar-header { margin:0px; padding:0px; position:absolute;top: 0px; display:block;}
        #navbar-header > li { list-style-type:none; float:left; display:block; margin:0px 40px; 
            position:relative; padding: 5px; margin-top: 15px;}
        #navbar-header li a span { text-decoration:underline;color: #fff;font-size: 20px;

         }
          
 /*     <--head2 END-->*/  
 #hot{ float:left; margin-left:20px;margin-top: 200px;}
#hot ul li{float:left; list-style:none;}
#hot ul li img{ margin:0 20px; border:2px solid #2088CA; padding:20px;width: 200px;height: 220px;}
#hot ul li p{ color:#000; font-size:12px; text-align:center;}
#hot ul li a{ color:#000; text-decoration:none;}
/**右侧工具按钮**/
#sidebar {width:45px; height:145px;	position:fixed;	right:50px; bottom:250px; }
#sidebar li{ width:40px; height:40px; text-align:center; line-height:40px; background:url(images/rtool.png) no-repeat ;cursor: pointer; margin-bottom:5px; position:relative; float:left; border-radius:5px;}
#sidebar li.qq{ background-position:0px 1px; background-color:#4e9ac8;}
#sidebar li.qrcode{ background-position:0px -51px}
#sidebar li.share{ background-position:0px -105px}
/*底部*/
.dibu{width:100%; height:400px; position:relative; overflow:hidden}
.b-g{ width:1920px; height:400px; background:url(images/dibu_10.jpg) no-repeat; position:absolute; left:50%; margin-left:-960px}
.b-g a.toTop{ width:40px; height:40px;  position:absolute; left:50%; margin-left:-20px;}
.fo span,.biao span{ margin-left:10px; font-size:12px; text-align:center;}
.fo{ width:485px; height:30px; margin:0 auto;  margin-top:140px; color:#FFF; }
#mave{float:left; background:#053e73; width:210px; height:28px; font-family:"微软雅黑"; color:#FFF;border:1px solid #053e73 ;}
.b-gy{float:right; background:#053e73;width:210px; height:28px; font-family:"微软雅黑"; color:#FFF; color:#FFF;border:1px solid #053e73 ;}
.lan{background:#053e73; border:1px solid #053e73 ; width:155px; height:24px;font-family:"微软雅黑"}
.lang{background:#053e73; border:1px solid #053e73 ; width:400px; height:24px;font-family:"微软雅黑"}
.biao{width:485px; height:30px; margin:0 auto;margin-top:10px; background:#053e73;  color:#FFF;font-family:"微软雅黑";color:#FFF;border:1px solid #053e73 ;}
.wenben{width:485px; height:126px;margin:0 auto;margin-top:5px; background:#053e73;  color:#FFF; position:relative;color:#FFF;border:1px solid #053e73 ;}
.wb{width:485px; height:126px;background:#053e73; border:1px solid #053e73 ; }
.fo p{ position:absolute; margin-left:5px; top:240px;font-family:"微软雅黑" }
.ti{ width:140px ;height:30px; background:#053e73; color:#FFF;;font-family:"微软雅黑";color:#FFF;border:1px solid #053e73 ;; margin-top:5px;; margin-bottom:10px}
.ju{ text-align:center}
/*jieshu*/
.jie{width:100%; height:45px; background:url(images/dibu-bg.jpg); padding-top:30px}
.shu p{color:#FFF; font-size:12px; text-align:center;  }
      
   </style>
  
</head>
<body>
<!--head-->
<div id="header">
<ul id="nav">


<li><img src="images/b.jpg"><span>大学社团</span>
      <ul>
        <li><a href="#">社团简介</a></li>
        <li><a href="#">社团构架</a></li>
     
      </ul>
    </li>
    <li><img src="images/d.jpg"><span>社团公告</span>
      <ul>
        <li><a href="#">社团活动</a></li>
        <li><a href="#">社团留言</a></li>
      </ul>
    </li>
    <li><img src="images/1.jpg"><span>服务专区</span>
      <ul>
        <li><a href="#">校园百态</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
    </li>
    <input type="button" value="reg" onClick="creatwindow()" style="margin-left: 1000px;margin-top: 10px;">
    
  </ul>

<li class="right"><a href="login.html"><span>login:</span></a>
    </li>
</div>
<!--head end-->
<div id="templatemo_wrapper_h">
<div id="templatemo_header_wh">
	<div id="templatemo_header" class="header_home">
    	<div id="site_title"><a href="#" title="Neusoft">Neusoft</a></div>
<div class="navbar-head">		
			<ul id="navbar-header">
        <li><a href="#"><span>大学社团</span></a></li>
        <li><a href="notice.html"><span>社团公告</span></a></li>
        <li><a href="contact.html"><span>服务专区</span></a></li>
        <li><a href="contact.html"><span>时间:<span id="timer">00:00:00</span></span></a></li>
<script type="text/javascript">
	setInterval(setTime,1000);
</script>
      </ul>	
</div>
        <div class="slider-wrapper theme-orman">
            <div class="ribbon"></div>
            <div id="slider" class="nivoSlider">
                <img src="images/portfolio/1.jpg" alt="slider image 1" />
                <a href="art.html" >
                	<img src="images/portfolio/2.jpg" alt="slider image 2" title="艺术团" />
                </a>
                <img src="images/portfolio/3.jpg" alt="slider image 3" />
                <img src="images/portfolio/4.jpg" alt="slider image 4" title="武术社团" />
                <img src="images/portfolio/5.jpg" alt="slider image 5" title="广播社" />
                <img src="images/portfolio/6.jpg" alt="slider image 2" title="艺术团" />
                </a>
            </div>
            <div id="htmlcaption" class="nivo-html-caption">
                <strong>Example</strong> caption with <a href="#" >a credit link</a> for <em>this slider</em>.
            </div>
        </div> 
		<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider({
                controlNav:false
            });
        });
        </script>
    </div> <!-- END of header -->

</div> 
</div>
 <!--介绍社团-->
  <div id="hot">
            <ul>
            <li>
             <a href="#"><MARQUEE scrollAmount=4 direction=down height=220 ><img src="images/picture/11.jpg"></a></MARQUEE>
             <p><a href="#">武术社</a></p>
            </li>
              <li>
             <a href="art.html"><MARQUEE scrollAmount=4 direction=down height=220><img src="images/picture/12.jpg" ></a></MARQUEE>
             <p><a href="#">艺术团</a></p>
            </li>
              <li>
             <a href="#"><MARQUEE scrollAmount=4 direction=down height=220><img src="images/picture/13.jpg" ></a></MARQUEE>
             <p><a href="#">辩论社</a></p>
            </li>
              <li>
             <a href="#"><MARQUEE scrollAmount=4 direction=down height=220><img src="images/picture/14.jpg" ></a></MARQUEE>
             <p><a href="#">象棋社</a></p>
            </li>
              <li>
             <a href="#"><MARQUEE scrollAmount=4 direction=down height=220><img src="images/picture/15.jpg" ></a></MARQUEE>
             <p><a href="#">动漫社</a></p>
            </li>
              <li>
             <a href="#"><MARQUEE scrollAmount=4 direction=up height=220><img src="images/picture/16.jpg" ></a></MARQUEE>
             <p><a href="#">足球社</a></p>
            </li>
          
            </ul>
             <ul>
            <li>
             <a href="#"><MARQUEE scrollAmount=4 direction=up height=220><img src="images/picture/17.jpg" ></a></MARQUEE>
             <p><a href="#">书法社</a></p>
            </li>
              <li>
             <a href="#"><MARQUEE scrollAmount=4 direction=up height=220><img src="images/picture/18.jpg" ></a></MARQUEE>
             <p><a href="#">摄影社</a></p>
            </li>
              <li>
             <a href="#"><MARQUEE scrollAmount=4 direction=up height=220><img src="images/picture/19.jpg" ></a></MARQUEE>
             <p><a href="#">声乐社</a></p>
            </li>
              <li>
             <a href="#"><MARQUEE scrollAmount=4 direction=up height=220><img src="images/picture/20.jpg" ></a></MARQUEE>
             <p><a href="#">网球社</a></p>
            </li>
            </ul>
            </div>
            <!-- 滚动条 -->
            <div id="demo" style="overflow:hidden;height:145px;width:100%; margin-top: 770px; background:#46AEF1;color:#ffffff";>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr><td id=demo1 valign=top>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td width="156" align="center" style="width:156px;border:10px solid #46AEF1;"> <a href="#"><img src="images/picture/21.jpg" width="156" height="118" border="0" style="margin-right:6px; " /></a> </td>
<td width="156" align="center" style="width:156px;border:10px solid #46AEF1;"> <a href="#"><img src="images/picture/22.jpg" width="156" height="118" border="0" style="margin-right:6px;" /></a></td>
<td width="156" align="center" style="width:156px;border:10px solid #46AEF1;"> <a href="#"><img src="images/picture/23.jpg" width="156" height="118" border="0" style="margin-right:px;" /></a> </td>
<td width="156" align="center" style="width:156px;border:10px solid #46AEF1;"> <a href="#"><img src="images/picture/24.jpg" width="156" height="118" border="0" style="margin-right:6px;" /></a> </td>
<td width="156" align="center" style="width:156px;border:10px solid #46AEF1;"> <a href="#"><img src="images/picture/25.jpg" width="156" height="118" border="0" style="margin-right:6px;" /></a> </td>
<td width="156" align="center" style="width:156px;border:10px solid #46AEF1;"> <a href="#"><img src="images/picture/26.jpg" width="156" height="118" border="0" style="margin-right:6px;" /></a> </td>

  </tr>
</table>
</td>
<td id=demo2 valign=top></td></tr>
</table>
</div>
  <script>
  var speed=30
  demo2.innerHTML=demo1.innerHTML
  function Marquee(){
  if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
  <!--右侧工具栏-->
<div id="sidebar">
    <ul>
        <li class="qq">           
        </li>
        <li class="qrcode">  
        </li>
        <li class="share">          
    </ul>
</div>
            <!--底部-->
<div class="dibu">
<div class="b-g"><a href="#" class="toTop"></a>
<div class="fo">
<form>
<table>
<tr>
	<td> <input type="text" value="NAME :"  id="mave"/></td><td><input type="text" value="TEL :"  class="b-gy"/></td>
    </tr>
<tr>  
	<td colspan="2"> <input type="text" value="地址ADD :" class="biao" /></td>
    </tr>
<tr><td colspan="2"><textarea cols="50" rows="5" class="wenben"></textarea></td></tr>
<tr><td colspan="2" class="ju"><input type="button" value="我要提交" class="ti" /></td>
</tr>
</table>
</form>
<p>内容：</p>
</div>
</div>
</div>
<div class="jie">
<div class="shu"><p>联系我们 　 计算机科学与技术系:　14007班   14110100731　  　李簿原        Web:www.mycodes.net</p></div>
</div> 
</body>
</html>